import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
// git测试  login
// normalize.css
// 作用：抹平浏览器差异
// 使用：1:下载   npm i normalize.css  2:导入  import "normalize.css"
import 'normalize.css'
// 导入公共less
import '@/styles/base.less'
// 导入按钮组件

// 导入flexible
import 'amfe-flexible'
// vant的ui组件使用抽离
import '@/utils/vant'
// const num = 10
// vant按需导入使用
// 1：下载vant  npm i vant@latest-v2 -S
// 2:配制按需导入
// 3:下载插件  npm i babel-plugin-import -D
// 4:配制插件  复制使用
// 5：main.js导入与注册    import { Button } from 'vant'   Vue.use(Button)
// 6：使用  组件名:  van-组件名

// rem:移动端适配
// 1：设计html下的font-size:屏幕宽度/10  包括使用  flexible.js
// 2:设计稿：1240px适配手机,800px用rem怎么表示?
// 只是css,js要用呢？
// 设置基准值：设计稿宽度/10rem
// 实际尺寸：设计稿值/基准值
// 插件实现方案
// 1:设计html下的font-size:屏幕宽度/10,amfe-flexible插件
//    a:下载  yarn add amfe-flexible
//    b:导入
// 2:将设计稿的px转换成rem
//   借助(webpack插件)插件转换
//  yarn add  postcss-pxtorem@5.0.0 -D
//  配制
//    根目录创建：postcss.config.js
//    modulex.exports={
//     plugins:{
//       "postcss-pxtorem":{
//         rootValue：基准值，
//         propList: ['*']}}}
// vw:  设计稿是1240px   用vw怎么表示？   1240px=100vw  1vw=12.4
// 插件：1：px转换成vw的插件 postcss-px-to-viewport
//

// document.querySelector('html').style.fontSize = window.innerWidth / 10 + 'px'
// 全局过滤器
import filtersJs from '@/filters'
Vue.use(filtersJs)
Vue.config.productionTip = false

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')
